<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			body{
				background-image: url(css/泰坦陨落.jpg);
			}
			.User{
				border-radius: 5%;
				 margin:150px 10px 90px 560px ;
				text-align: center;
				background-color: white;
				width: 300px;
				height: 350px;
				  opacity:0.9;
			}
				
			.userName{
				 margin:20px 20px 40px 10px ;
				 text-align: left;
			}
			.password{
				margin:20px 20px 40px 10px ;
				 text-align: left;
			}
			.DL{
				 margin:0px 10px 0px 0px ;
			}
			input{
				width: 250px;
				margin-left: 15px;
			}
			.DLB{
				width: 150px;
				height: 40px;
				background-color: yellow;
			}
			.WJ{
				width: 500px;
				
			}
			a{
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div class="User">
			<h2 style="text-align: center;">登录</h2>
			<div class="userName">
				<p>用户名:</p>
				<input type="text" placeholder="请输入用户名" style="text-align: center;" />
			</div>
			<div class="password">
				<p>密码:</p>
				<input type="password" placeholder="请输入密码" style="text-align: center;" />
			</div>
			<div class="DL"><input class="DLB" type="submit" value="点击登录"></div>
			<p class="WJ" ><a href="#">忘记密码？</a></p>
		</div>
	</body>
</html>
